$usa-form-width: 32rem;

form {
  a {
    border-bottom: 0;
  }

  [type="submit"],
  [type="submit"] {
    display: block;
    margin-bottom: 1.5em;
    margin-top: 2.5rem;

    @include media($medium-screen) {
      padding-left: 2.7em;
      padding-right: 2.7em;
      width: auto;
    }
  }

  [name="password"],
  [name="confirmPassword"] {
    margin-bottom: 1.1rem;
  }
}

.usa-form {
  @include media($medium-screen) {
    max-width: $usa-form-width;
  }
}

.usa-form-note {
  float: right;
  font-family: $font-sans;
  font-size: $h5-font-size;
  margin: 0 0 1.5rem;

  + * {
    clear: both;
  }
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.usa-form-large {
  @include media($medium-screen) {
    max-width: 46rem;
  }
}

input {
  &.usa-input-tiny {
    @include media($medium-screen) {
      max-width: 6rem;
    }
  }

  &.usa-input-medium {
    @include media($medium-screen) {
      max-width: 12rem;
    }
  }
}

.usa-input-grid {
  @include media($medium-screen) {
    padding-right: 5%;
  }
}

.usa-input-grid:last-of-type {
  @include media($medium-screen) {
    padding-right: 0;
  }
}

.usa-input-grid-small {
  @include media($medium-screen) {
    float: left;
    width: 35%;
  }

  input {
    margin-bottom: 3rem;
  }

  select {
    margin-bottom: 3rem;
  }
}

.usa-input-grid-medium {
  @include media($medium-screen) {
    float: left;
    width: 65%;
  }

  input {
    margin-bottom: 3rem;
  }

  select {
    margin-bottom: 3rem;
  }
}

.usa-input-grid-large {
  @include media($medium-screen) {
    float: left;
    width: 100%;
  }

  input {
    margin-bottom: 3rem;
  }

  select {
    margin-bottom: 3rem;
  }
}

.usa-additional_text {
  float: right;
  font-style: italic;
  font-weight: normal;
}

// Reset password checklist

.usa-checklist {
  list-style: none;
  margin-left: 0;
  padding-left: 0;

  li {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 3em;
    text-indent: -2em;

    &::before {
      content: ' ';
      display: inline-block;
      height: .8em;
      margin-right: .2em;
      width: 1.8em;
    }
  }
}

.usa-checklist-checked {
  &::before {
    background-image: url('#{$image-path}/correct9.png');
    background-image: url('#{$image-path}/correct9.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
  }
}
